<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no, email=no" />
	<title>首页</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />	
	<link type="text/css" rel="stylesheet" href="css/style.css" />
	<link type="text/css" rel="stylesheet" href="css/swiper.min.css" />
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="js/fun.js"></script>
	<script type="text/javascript">
		$(function(){
			
			     
			
		});
	</script>
	<style type="text/css">
		.swiper-container-horizontal>.swiper-pagination{width: auto;right: 10px;text-align: right;}
		.swiper-pagination-bullet{background: #fff;opacity: 1;}
		.swiper-pagination-bullet-active{background: #ff3d55;}
	</style>
</head>
<body>
    <div class="header">
    	<div class="logo">
    		<a href="/"><img src="images/logo.png" alt="logo"></a>
    	</div>
    	<div class="enterTxt">
    		<input type="text" name="" id="" placeholder="输入搜索内容" class="txt">
    	</div>
    </div>
    <div class="wrapper">
    	<div class="swiper-container" id="swiper-container1">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b1.jpg" alt="banner"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b1.jpg" alt="banner"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b1.jpg" alt="banner"></a>
		        </div>
		    </div>
		    <div class="swiper-pagination" id="swiper-pagination1"></div>
		</div>
		<script type="text/javascript">
			var mySwiper1 = new Swiper ('#swiper-container1', {
			    autoplay: 5000,
			    loop: true,
			    pagination: '#swiper-pagination1',
			    autoplayDisableOnInteraction : false,
			});
		</script>
		<ul class="enterlist clearfix">
			<li><a href=""><img src="images/e1.png" alt=""><span class="name">码上买</span></a></li>
			<li><a href=""><img src="images/e2.png" alt=""><span class="name">还要买</span></a></li>
			<li><a href=""><img src="images/e3.png" alt=""><span class="name">随便买</span></a></li>
			<li><a href=""><img src="images/e4.png" alt=""><span class="name">一起买</span></a></li>
			<li><a href=""><img src="images/e5.png" alt=""><span class="name">红包买</span></a></li>
			<li><a href=""><img src="images/e6.png" alt=""><span class="name">红白洋酒</span></a></li>
			<li><a href=""><img src="images/e7.png" alt=""><span class="name">粮油副食</span></a></li>
			<li><a href=""><img src="images/e8.png" alt=""><span class="name">日化护理</span></a></li>
			<li><a href=""><img src="images/e9.png" alt=""><span class="name">居家百货</span></a></li>
			<li><a href=""><img src="images/e10.png" alt=""><span class="name">母婴用品</span></a></li>
		</ul>
		<div class="recommendTitle">
			<span class="title">更多精彩</span>
		</div>
		<div class="swiper-container" id="swiper-container2">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b2.jpg" alt="banner"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b2.jpg" alt="banner"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href=""><img src="images/b2.jpg" alt="banner"></a>
		        </div>
		    </div>
		    <div class="swiper-pagination" id="swiper-pagination2"></div>
		</div>
		<script type="text/javascript">
			var mySwiper1 = new Swiper ('#swiper-container2', {
			    autoplay: 3000,
			    loop: true,
			    pagination: '#swiper-pagination2',
			    autoplayDisableOnInteraction : false,
			});
		</script>
		<div class="cutoff"></div>
		<div class="banner">
			<a href=""><img src="images/b3.jpg" alt="banner"></a>
		</div>
    </div>
    <ul class="footer">
    	<li><a href="index.html" class="n1 on">首页</a></li>
    	<li><a href="社区.html" class="n2">社区</a></li>
    	<li><a href="购物车.html" class="n3">购物车</a></li>
    	<li><a href="个人设置.html" class="n4">个人设置</a></li>
    </ul>
    <div id="backTop"></div>
</body>
</html>